<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@  taglib  uri="http://java.sun.com/jsp/jstl/core"  prefix="c" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>onlineMsg - 信息平台</title>
    <link rel="stylesheet" href="statics/plugs/layui/css/layui.css">
    <link rel="stylesheet" href="statics/plugs/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="statics/css/style.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
   
   <input  id="path"  value="${pageContext.request.contextPath}"  type="hidden"> 
    <!--引入头部文件  -->
    <jsp:include page="top.jsp"/>

   	<!-- 引入左侧导航 -->
 	<jsp:include page="left.jsp"/>
 

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;">

            <fieldset class="layui-elem-field layui-field-title" style="border-color: #0e83cd">
                <legend>账户:admin</legend>
                <div class="layui-field-box">

            <form id="emailForm">
                    <div class="layui-col-md3 layui-col-sm4 layui-col-xs12" style="text-align: center;">
                        <img width="150" height="150" src="${pageContext.request.contextPath}/statics/images/${loginUser.photo}"  class="layui-circle user_photo">
                            <br><br>
                        <button type="button" id="photoBtn" class="layui-btn layui-btn-normal">更换头像</button>
                    	<div class="layui-upload-list">
						    <img width="118"  height="118" class="layui-upload-img" id="demo1">
						     <br><br><button type="button" id="uploadBtn"  class="layui-btn layui-btn-normal">确定上传</button>	
						 </div>
                    </div>

                <div class="layui-col-md4 layui-col-sm8 layui-col-xs12" style="text-align: center;">


                    <p style="text-align: left;line-height: 30px;">邮箱</p>
                    <input type="email" name="email"  value="${loginUser.email}" required lay-verify="required" placeholder="请输入邮箱" autocomplete="off" class="layui-input">
                    <div class="layui-form-mid layui-word-aux">
                        
                        <c:if test="${loginUser.avticeEmail==1}">
                        	<span style="color: green">已激活绑定</span>
                        </c:if>
                        <c:if test="${loginUser.avticeEmail==0}">
                        	<span id="span1">未激活绑定</span>
                        </c:if>
                        <i class="fa fa-question-circle-o question-email" aria-hidden="true"></i>
                    </div>

                    <!--邮箱未激活显示-->
                   <c:if test="${loginUser.avticeEmail==0}">
                   <p id="p1" style="clear:both;text-align: left;line-height: 50px;">
                       <button style="display: inline" type="button" class="layui-btn activeEmail">激活绑定邮箱</button>
                   </p>
                   </c:if>
                </div>

            </form>

                </div>
            </fieldset>

        </div>
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        ©2019-2099 Mr.king - 版权所有
    </div>
</div>
<script src="statics/plugs/layui/layui.js"></script>
<script src="statics/js/style.js"></script>
</body>
</html>